<template>
    <Container>
        <Map></Map>
        <Plane :x="planeInfo.x" :y="planeInfo.y"></Plane>
        <Enemy v-for="enemy in enemys" :key="index" :x="enemy.x" :y="enemy.y"></Enemy>
    </Container>
</template>

<script>
import Map from "../components/Map.vue";
import Plane, {usePlane} from "../components/Plane.vue";
import Enemy, {useEnemy} from "../components/Enemy.vue";
export default {
    name: "GamePage",
    components: {
        Map,
        Plane,
        Enemy,
    },

    setup() {
        const {planeInfo} = usePlane();
        const {enemys} = useEnemy();
        return {
            planeInfo,
            enemys,
        };
    }
}
</script>

<style scoped>

</style>
